<?php if(!defined('SYSPATH')) die ('Yêu cầu không hợp lệ');?>

<!DOCTYPE HTML>
<html>

    <head>
        <title>Koupon - Index no top</title>
        <!-- meta info -->
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="keywords" content="Koupon HTML5 Template" />
        <meta name="description" content="Koupon - Premiun HTML5 Template for Coupons Website">
        <meta name="author" content="Tsoy">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Google fonts -->
        <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600' rel='stylesheet' type='text/css'> -->
        <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
        <!-- Bootstrap styles -->
        <link rel="stylesheet" href="public/site/css/boostrap.css">
        <link rel="stylesheet" href="public/site/css/boostrap_responsive.css">
        <!-- Font Awesome styles (icons) -->
        <link rel="stylesheet" href="public/site/css/font_awesome.css">
        <!-- Main Template styles -->
        <link rel="stylesheet" href="public/site/css/styles.css">

        <!-- IE 8 Fallback -->
        <!--[if lt IE 9]>
            <link rel="stylesheet" type="text/css" href="public/site/css/ie.css" />
    <![endif]-->

        <!-- Your custom styles (blank file) -->
        <link rel="stylesheet" href="public/site/css/mystyles.css">
    </head>

    <body>


        <link rel="stylesheet" href="public/site/css/switcher.css">

        <!-- Demo Examples -->
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/pink.css" title="pink" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/teal.css" title="teal" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/gold.css" title="gold" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/downy.css" title="downy" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/atlantis.css" title="atlantis" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/red.css" title="red" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/violet.css" title="violet" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/pomegranate.css" title="pomegranate" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/violet-red.css" title="violet-red" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/mexican-red.css" title="mexican-red" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/curious-blue.css" title="curious-blue" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/orient.css" title="orient" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/jgger.css" title="jgger" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/de-york.css" title="de-york" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/blaze-orange.css" title="blaze-orange" media="all" />
        <link rel="alternate stylesheet" type="text/css" href="css/schemes/hot-pink.css" title="hot-pink" media="all" />
        <!-- END Demo Examples -->
        <!-- //////////////////////////////////
    //////////////MAIN HEADER///////////// 
    ////////////////////////////////////-->
        <header class="main">
            <div class="container">
                <div class="row">
                    <div class="span2">
                        <a href="index-2.html">
                            <img src="public/site/img/logo-small.png" alt="logo" title="logo" class="logo">
                        </a>
                    </div>
                    <div class="span8">
                        <!-- MAIN NAVIGATION -->
                        <div class="flexnav-menu-button" id="flexnav-menu-button">Menu</div>
                        <nav>
                            <ul class="nav nav-pills flexnav" id="flexnav" data-breakpoint="800">
                                <li class="active"><a href="index-2.html">Home</a>
                                    <ul>
                                        <li><a href="index-2.html">Slider</a>
                                            <ul>
                                                <li><a href="index-2.html">Full Width</a>
                                                </li>
                                                <li><a href="index-slider-container.html">Container</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="index-hero-image.html">Hero Image</a>
                                        </li>
                                        <li class="active"><a href="index-no-top.html">No Top Area</a>
                                        </li>
                                        <li><a href="index-category-right.html">Category Nav</a>
                                            <ul>
                                                <li><a href="index-category-right.html">Side Right</a>
                                                </li>
                                                <li><a href="index-category-nav-inline-top.html">Inline Top</a>
                                                </li>
                                                <li><a href="index-category-nav-main.html">Main Nav</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="index-featured-item.html">Featured Item</a>
                                        </li>
                                        <li><a href="index-coupon-4-columns.html">Coupons</a>
                                            <ul>
                                                <li><a href="index-coupon-4-columns.html">4 Columns</a>
                                                </li>
                                                <li><a href="index-coupon-6-columns.html">6 columns</a>
                                                </li>
                                                <li><a href="index-coupon-category-icon.html">Category icons</a>
                                                </li>
                                                <li><a href="index-coupon-labels.html">Labels</a>
                                                </li>
                                                <li><a href="index-coupon-holded.html">Holded</a>
                                                </li>
                                                <li><a href="index-coupon-load-more.html">Load More Btn</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="coupon-page.html">Coupon page</a>
                                    <ul>
                                        <li><a href="coupon-page-meta-left.html">Meta Left</a>
                                        </li>
                                        <li><a href="coupon-page.html">Meta Right</a>
                                        </li>
                                        <li><a href="coupon-page-similar.html">Similar Offers</a>
                                        </li>
                                        <li><a href="coupon-page-image.html">Image Preview</a>
                                        </li>
                                        <li><a href="coupon-page-video-hosted.html">Video</a>
                                            <ul>
                                                <li><a href="coupon-page-video-hosted.html">Self Hosted</a>
                                                </li>
                                                <li><a href="coupon-page-video-vimeo.html">Vimeo</a>
                                                </li>
                                                <li><a href="coupon-page-video-youtube.html">Youtube</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="coupon-page-gallery-3-col.html">Gallery</a>
                                            <ul>
                                                <li><a href="coupon-page-gallery-3-col.html">3 columns</a>
                                                </li>
                                                <li><a href="coupon-page-gallery-4-col.html">4 Columns</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="features-typography.html">Features</a>
                                    <ul>
                                        <li><a href="features-typography.html">Typography</a>
                                        </li>
                                        <li><a href="features-elements.html">Elements</a>
                                        </li>
                                        <li><a href="features-grid.html">Grid</a>
                                        </li>
                                        <li><a href="features-icons.html">Icons</a>
                                        </li>
                                        <li><a href="features-image-hover.html">Image Hovers</a>
                                        </li>
                                        <li><a href="features-sliders.html">Sliders</a>
                                        </li>
                                        <li><a href="features-media.html">Media</a>
                                        </li>
                                        <li><a href="features-lightbox.html">Lightbox</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="page-full-width.html">Pages</a>
                                    <ul>
                                        <li><a href="page-full-width.html">Full Width</a>
                                        </li>
                                        <li><a href="page-sidebar-right.html">Sidebar Right</a>
                                        </li>
                                        <li><a href="page-sidebar-left.html">Sidebar Left</a>
                                        </li>
                                        <li><a href="page-faq.html">FAQ</a>
                                        </li>
                                        <li><a href="page-about-us.html">About Us</a>
                                        </li>
                                        <li><a href="page-team.html">Team</a>
                                        </li>
                                        <li><a href="page-payment.html">Payment</a>
                                        </li>
                                        <li><a href="page-sticky-header.html">Sticky Header</a>
                                        </li>
                                        <li><a href="page-sticky-search.html">Sticky Search</a>
                                        </li>
                                        <li><a href="page-sticky-header-search.html">Sticky Header & Seach</a>
                                        </li>
                                        <li><a href="page-no-search.html">No search</a>
                                        </li>
                                        <li><a href="page-404.html">404</a>
                                        </li>
                                        <li><a href="page-search-results.html">Search Results</a>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="blog-sidebar-right.html">Blog</a>
                                    <ul>
                                        <li><a href="blog-sidebar-right.html">Sidebar Right</a>
                                        </li>
                                        <li><a href="blog-sidebar-left.html">Sidebar Left</a>
                                        </li>
                                        <li><a href="blog-full-width.html">Full Width</a>
                                        </li>
                                        <li><a href="post-sidebar-right.html">Post</a>
                                            <ul>
                                                <li><a href="post-sidebar-right.html">Sidebar Right</a>
                                                </li>
                                                <li><a href="post-sidebar-left.html">Sidebar Left</a>
                                                </li>
                                                <li><a href="post-full-width.html">Full Width</a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a>
                                </li>
                            </ul>
                        </nav>
                        <!-- END MAIN NAVIGATION -->
                    </div>
                    <div class="span2">
                        <!-- LOGIN REGISTER LINKS -->
                        <ul class="login-register">
                            <li><a class="popup-text" href="#login-dialog" data-effect="mfp-move-from-top"><i class="icon-signin"></i>Sign in</a>
                            </li>
                            <li><a class="popup-text" href="#register-dialog" data-effect="mfp-move-from-top"><i class="icon-edit"></i>Sign up</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>

        <!-- LOGIN REGISTER LINKS CONTENT -->
        <div id="login-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
            <i class="icon-signin dialog-icon"></i>
            <h3>Member Login</h3>
            <h5>Welcome back, friend. Login to get started</h5>
            <div class="row-fluid">
                <form class="dialog-form">
                    <label>E-mail</label>
                    <input type="text" placeholder="email@domain.com" class="span12">
                    <label>Password</label>
                    <input type="password" placeholder="My secret password" class="span12">
                    <label class="checkbox">
                        <input type="checkbox">Remember me
                    </label>
                    <input type="submit" value="Sign in" class="btn btn-primary">
                </form>
            </div>
            <ul class="dialog-alt-links">
                <li><a class="popup-text" href="#register-dialog" data-effect="mfp-zoom-out">Not member yet</a>
                </li>
                <li><a class="popup-text" href="#password-recover-dialog" data-effect="mfp-zoom-out">Forgot password</a>
                </li>
            </ul>
        </div>


        <div id="register-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
            <i class="icon-edit dialog-icon"></i>
            <h3>Member Register</h3>
            <h5>Ready to get best offers? Let's get started!</h5>
            <div class="row-fluid">
                <form class="dialog-form">
                    <label>E-mail</label>
                    <input type="text" placeholder="email@domain.com" class="span12">
                    <label>Password</label>
                    <input type="password" placeholder="My secret password" class="span12">
                    <label>Repeat Password</label>
                    <input type="password" placeholder="Type your password again" class="span12">
                    <div class="row-fluid">
                        <div class="span8">
                            <label>Your Area</label>
                            <input type="password" placeholder="Boston" class="span12">
                        </div>
                        <div class="span4">
                            <label>Postal/Zip</label>
                            <input type="password" placeholder="12345" class="span12">
                        </div>
                    </div>
                    <label class="checkbox">
                        <input type="checkbox">Get hot offers via e-mail
                    </label>
                    <input type="submit" value="Sign up" class="btn btn-primary">
                </form>
            </div>
            <ul class="dialog-alt-links">
                <li><a class="popup-text" href="#login-dialog" data-effect="mfp-zoom-out">Already member</a>
                </li>
            </ul>
        </div>


        <div id="password-recover-dialog" class="mfp-with-anim mfp-hide mfp-dialog clearfix">
            <i class="icon-retweet dialog-icon"></i>
            <h3>Password Recovery</h3>
            <h5>Fortgot your password? Don't worry we can deal with it</h5>
            <div class="row-fluid">
                <form class="dialog-form">
                    <label>E-mail</label>
                    <input type="text" placeholder="email@domain.com" class="span12">
                    <input type="submit" value="Request new password" class="btn btn-primary">
                </form>
            </div>
        </div>
        <!-- END LOGIN REGISTER LINKS CONTENT -->



        <!-- SEARCH AREA -->
        <div class="search-area">
            <div class="container">
                <div class="row-fluid">
                    <div class="span8">
                        <label><i class="icon-search"></i>I am searching for</label>
                        <div class="search-area-division search-area-division-input">
                            <input class="span12" type="text" placeholder="Travel Vacation" />
                        </div>
                    </div>
                    <div class="span3">
                        <label><i class="icon-map-marker"></i>In</label>
                        <div class="search-area-division search-area-division-location">
                            <input class="span12" type="text" placeholder="Boston" />
                        </div>
                    </div>
                    <div class="span1">
                        <button class="btn btn-block btn-white search-btn" type="submit">Search</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- END SEARCH AREA -->

        <div class="gap"></div>

        <!-- //////////////////////////////////
    //////////////END MAIN HEADER////////// 
    ////////////////////////////////////-->


        <!-- //////////////////////////////////
    //////////////PAGE CONTENT///////////// 
    ////////////////////////////////////-->
